/**
 * +---------------------------------------------------------------------------+
 * | LL                             LLLL   LL     L   LLLL               LLLL  |
 * | LL                            LL   L  LLL   LL  LL   L             LL  LL |
 * | LL      LLLL   LLLLL  LL  LL  LL      LLLL LLL  LL         LL  LL      LL |
 * | LL         LL     LL  LL  LL  LL      L LLL LL  LLLLL      LL  LL     LL  |
 * | LL      LLLLL    LL    LLLL   LL      L  L  LL   LLLLL     LL  LL    LL   |
 * | LL     LL  LL   LL     LLLL   LL      L     LL      LL      LLLL    LL    |
 * | LL     LL  LL  LL       LL    LL   L  L     LL  L   LL      LLLL   LL     |
 * | LLLLLL  LLLLL  LLLLL    LL     LLLL   L     LL   LLLL        LL    LLLLLL |
 * |                        LL                                                 |
 * |                        LL                                                 |
 * +---------------------------------------------------------------------------+
 * | Copyright (C) 2007-2010 LazyCMS.net All rights reserved.                  |
 * +---------------------------------------------------------------------------+
 * | LazyCMS is free software. See LICENSE for copyright notices and details.  |
 * +---------------------------------------------------------------------------+
 */
@charset "utf-8";
@import "../../../common/css/reset.css";
@import "../../../common/css/common.css";
/* 全局样式 */
body { height:100%; margin:0; background: #F7FBFF; text-align:left;}
body,td,th,p,div { color: #333333; line-height: 130%; font-family: "Verdana"; font-size: 12px;}
dl,dt,dd,form{ margin:0; padding:0;}
img,input,button,select{ vertical-align:middle; }
img{ border:none; }
	
/* 连接样式 */
a:link    { color: #0B55C4; text-decoration: none; }
a:visited { color: #0B55C4; text-decoration: none; }
a:hover   { text-decoration: underline; }

.wrapper{ width:940px; margin:0 auto; position:relative; clear:both; }

/* 头部 */
#top {width:100%; height:70px; margin:0; display:table; clear:both; background:#eff8ff url(top-bg.png) repeat-x 0 0;border-bottom:1px solid #c6d9e7; color:#333333; text-align:left;}
	#top a{ color:#333333;}
    #top .logo{ width:180px; padding:5px 10px 0 5px; float:left; text-align:left;}
    #top .logo a { display:block; text-align:center;}
	/* 系统菜单 */
	#menu, #menu ul, #menu li { list-style: none; margin: 0; padding: 0; }
	#menu { display:table; zoom:1; float:left; margin:41px 0 0 5px; }
	#menu li { position:relative; top:1px; z-index:100; float:left; line-height:24px; white-space: nowrap; margin-right:10px; }
	#menu li a { font-size:14px; padding:3px 20px 0px 20px; border:solid 1px #c6d9e7; display:block; background:url(buttons-bg.png) repeat-x 0 -1px; text-decoration:none; letter-spacing:2px;}
	#menu li a.active { color:#003683; background:#F7FBFF; font-weight:bold; border-top:solid 1px #3BB2F4; border-bottom:solid 1px #F7FBFF; background-image:url(menu_selected.png); background-repeat:repeat-x; background-position:0 0; }

/* guide */
#guide { height:21px; line-height:21px; margin-top:10px; display:table; }
    #guide a.home:hover { text-decoration:none; }
    #guide a.home { width:92px; color:#666; background:url(guide.gif) no-repeat left center; display:inline-block; margin-right:5px; font-weight:bold; height:21px; letter-spacing:3px; text-align:center; }

/* header */
#header{ height:250px; margin:20px auto 0 auto; zoom:1; overflow:hidden; background:url(header-bg.gif) no-repeat left top; }
	#intro{ width:570px; float:left; padding:20px 30px; }
		#intro h1{ margin:0; padding:0; font-size:16px; color:#0B5B98; line-height:1; }
		#intro h1 em{ font-size:24px; font-style:normal; }
		#intro h2{ font-size:14px; font-weight:normal; line-height:150%; margin:10px 0 15px 0; text-indent:2em; }
        #intro h2 em { font-style:normal; }
		#intro ul{ width:570px; height:130px; margin:0; padding:0; }
		#intro li{ width:110px; height:125px; list-style:none; margin:0; padding:0; background:url(header-icon-bg.gif) no-repeat; text-align:center; letter-spacing:3px; color:#999999; }
		#intro li img{ display:block; margin:5px 5px 8px 5px; }
		#intro li.agile{ float:left; margin-left:30px; }
		#intro li.brevity{ float:left; margin-left:90px; }
		* html #intro li.brevity{ margin-left:60px; }
		#intro li.free{ float:right; margin-right:30px; }

	#download{ width:260px; height:230px; margin:10px 5px 0 0; padding:20px 20px 0 20px; border-top:solid 2px #E2F0F6; float:left; background:url(download-bg.gif) no-repeat left top; }
		#download h3{ color:#0B5B98; margin:0px; padding:0; font-size:14px; letter-spacing:1px; }
		#download p{ margin:10px 0; padding:0; }
		#download .compression{ background:#FFFFFF; border:solid 1px #C6D9E7; height:55px; padding-top:5px; margin-bottom:10px; }
		#download .compression a.radioToggle{ margin:5px 5px 0 10px; float:left; width:16px; height:16px; text-indent:-999px; display:block; background:url(dl-radio.png) no-repeat; overflow:hidden; }
		#download .compression a.checked{ background-image:url(dl-radio-checked.png); }
		#download .compression .clear{ clear:both; }
		#download .compression input{ display:none; }
		#download .compression label{ float:left; height:25px; line-height:25px; display:block; }
		
		#download button{ width:260px; height:45px; cursor:pointer; font-size:14px; text-align:left; border:none; background-image:url(download.png) !important; filter:none !important; font-weight:bold; color:#006600; }
		#download button span { margin-left:50px; }
		#download button em { font-style:normal; }
		#download .version{ text-align:right;}
	
/* content */
#content{ margin:10px auto 0 auto; clear:both; }
	#content .container{ border:1px solid #c6d9e7; background-color:#FFFFFF; margin-bottom:5px; }
	#content .container h3{ color:#0B5B98; height:24px; line-height:24px; margin:0; padding:0 10px; font-size:14px; border-bottom:1px solid #C6D9E7; background:url(buttons-bg.png) repeat-x 0 -2px; letter-spacing:1px; }	
	
	#feature{ width:300px; height:301px; float:left; margin-right:5px; background:url(feature-bg.gif) no-repeat left top; border:none !important; border-bottom:1px solid #c6d9e7 !important; }
    #feature h4 { font-size:16px; color:#0B5B98; line-height:1.5; text-align:center; margin-top:15px; letter-spacing:2px; }
    #feature ul { margin-top:15px; _margin-top:10px; padding-left:10px; }
    #feature ul li{ line-height:24px; font-size:14px; }

    #updates{ width:323px; height:300px; float:left; }
    #updates p{ margin:3px 5px; line-height:1.7; font-size:14px; }

	#changes { width:300px; height:300px; overflow:hidden; float:right; }
		#changes ul{ width:284px; height:270px; margin:0; padding:5px 3px 0 13px; overflow:auto; }
        #changes ul li{ list-style:none; }
		#changes p { font-family:"宋体"; line-height:120%; margin:0; padding:0; text-indent:0; }
		#changes a.revision { font-weight:bold; margin-right:10px; }
		#changes p.comments { margin-bottom:3px; margin-left:40px; }
		#changes p.more { text-align:right; font-weight:bold; margin-bottom:10px; margin-right:10px; }
		#changes div.load { text-align:center; margin-top:40%; }
		#changes div.load img{ margin-right:5px; }

    div.lists { width:610px; padding:10px; float:left; }
        div.lists h1{ color:#003683; display:block; background:url(title.gif) no-repeat left 5px; margin:-3px 0 5px 0; padding-left:10px; padding-bottom:3px; font-size:14px; line-height:1.5; border-bottom:1px solid #CCCCCC; }
        div.lists p{ margin:8px 0; }
        div.lists p em{ font-size:9px; color:#666; }

    #blogs h2{ font-size:14px; line-height:1.5; margin:5px 0; }
    #blogs div.post{ border-bottom: 1px dashed #C2C3BA; margin-bottom:10px; }
    #blogs div.post .entry-meta { color:#8D8D8D; }
    #blogs div.post .entry-meta span.author{ color:#0B3B8C; }
    #blogs div.post .entry-utility{ margin-bottom:10px; }
    #blogs span.tags a{ margin-right:5px; }

    #left{ width:630px; float:left; }
        #left .related{ margin-top:5px; border:1px solid #C6D9E7; background:#fff; }
        #left .related h3{ color:#0B5B98; line-height:24px; margin:0; padding:0 10px; font-size:14px; border-bottom:1px solid #C6D9E7; background:url(buttons-bg.png) repeat-x 0 -2px; letter-spacing:1px;  }
        #left .related p{ margin:5px; }

        #left .comments { margin-top:5px; padding:10px; padding-left:20px; border:1px solid #C6D9E7; background:#fff; }
        #left .comments .top { position:relative; }
        #left .comments .top a{ position:absolute; right:20px; }
        #left .comments .top a em{ font-style:normal; color:#F70000; }
        #left .comments .info { margin:5px 0; }
        #left .comments .info p{ margin:5px 0; }
        #left .comments .info label{ display:inline-block; }
        #left .comments .textarea { margin:5px 0; }
        #left .comments .textarea textarea { width:576px; height:90px; font-size:14px; padding:6px; text-align:left; }
        #left .comments .bottom button{ margin-right:6px; }

        #left .comment_list{ margin-top:5px; padding:10px; border:1px solid #C6D9E7; background:#fff; }
        #left .comment_list .dt{ }
        #left .comment_list .author{ float:left; color:#0B3B8C; }
        #left .comment_list .author img{ margin-right:3px; }
        #left .comment_list .author .name, #left .comment_list .author a{ vertical-align:middle; }
        #left .comment_list .address{ color:#8D8D8D; margin-right:10px; vertical-align:middle; }
        #left .comment_list .post-time{ float:right; color:#8D8D8D; }
        #left .comment_list .dd { padding:5px 0; margin-top:5px; margin-bottom:5px; border-bottom:1px dashed #C2C3BA; }
        #left .comment_list .dd .citation { background:#FFFEF5; border:1px solid #D1D5DB; padding:3px 3px 10px; }
        #left .comment_list .dd .citation-title { line-height:25px; padding-left:5px; padding-right:5px; }
        #left .comment_list .dd .citation .content { padding-left:8px; padding-right:8px; }
        #left .comment_list .dd .content { font-size:14px; word-wrap:break-word; overflow:hidden; margin-bottom:0; line-height:25px; }
        #left .comment_list .dd .toolbar { text-align:right; }
        #left .comment_list .dd .toolbar a { margin-left:8px; }

        #post{ width:608px; padding:10px; float:left; }
            #post h1{ text-align:center; color:#003683; display:block; font-size:16px; line-height:1.5; }
            #post .info{ text-align:center; }
            #post .info span.cmt-count{ color:#F70000; }
            #post .content{ margin:10px 0; }
            #post .content, #post .content p{ font-size:14px; }
            #post .tags{ margin:10px 0; padding:10px 0; border-top: 1px dashed #C2C3BA; border-bottom: 1px dashed #C2C3BA; }
            #post .tags a{ margin-right:6px; }

    #right { width:300px; float:right; }
        #right .container p { margin:3px 5px; line-height:140%; }

/* links */
#links{ margin-top:10px; clear:both; }
	#links a{ color:#666666; margin-left:6px;}
	#links a:hover{ text-decoration:none; color:#0B55C4;}

/* footer */
#footer{ margin-top:10px; padding:10px; text-align:center; background:url(footer.gif) no-repeat top center; }
	#footer .menu{ margin:10px 0; }
	#footer .menu a{ color:#666666; margin-left:6px;}
	#footer .menu a:hover{ text-decoration:none; color:#0B55C4;}


